<template>
	<div>
		<regBox ref="regBox"></regBox>
		<loginBox ref="loginBox"></loginBox>
		<forgetBox ref="forgetBox"></forgetBox>
		<userMsgBox ref="userMsgBox"></userMsgBox>
		<!-- <newmanBox ref="newmanBox"></newmanBox> -->
		<verifyBox ref="verifyBox"></verifyBox>
		
		
	</div>
</template>

<script>
	import regBox from './regBox.vue'
	import loginBox from './loginBox.vue'
	import forgetBox from './forgetBox.vue'
	import userMsgBox from './userMsgBox.vue'
	import newmanBox from './newmanBox.vue'
	import verifyBox from './verifyBox.vue'
	export default {
		components:{
			regBox,
			loginBox,
			forgetBox,
			userMsgBox,
			newmanBox,
			verifyBox
		},
		data() {
			return {
				openMenu:false,
			}
		},
		mounted() {
			
		},
		methods: {
			openLogin(){
				this.$refs.loginBox.openLogin()
			},
			openReg(){
				this.$refs.regBox.openReg()
			},
			openForget(){
				this.$refs.forgetBox.openForget()
			},
			openUserMsg(){
				this.$refs.userMsgBox.openUserMsg()
			},
			openverifyBox(ret = ()=>{}){
				this.$refs.verifyBox.open(ret)
			},
			reloadUserInfo(){
				this.$parent.reloadUserInfo()
			},
		}
	}
</script>

<style>
</style>